<template>
  <Row class="row" gutter="10">
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
    <Col class="col" span="2" :xl="{span:4}" :lg="{span:6}" :md="{span:8}" :xm="{span:12}" :xs="{span:24}">
      <p class="item"></p>
    </Col>
  </Row>

</template>

<script setup lang='ts'>
import Row from '@/lib/Grid/Row.vue'
import Col from '@/lib/Grid/Col.vue'

</script>

<style scoped lang='scss'>

.item{
  margin-top:20px ;
  height: 50px;
  width: 100%;
  border-radius: 5px;
  background-color: #4b74cb;
}

</style>
